<template>
<div class="params" v-if="Object.keys(Itempatrams).length !== 0">
  <div class="tables" >
    <div v-for="item in Itempatrams.tables" >
      <table>
        <div v-for="i in item " class="tables-item" >
          <tr v-for="nn in i" >
            <td id="ff">{{nn}}</td>
          </tr>
        </div>
    </table>

    </div>
  </div>
  <div v-for="item in Itempatrams.set" class="set">
    <tr class="set-item">
      <td class="center">{{item.key}}</td>
      <td class="center" id="center">{{item.value}}</td>
    </tr>
  </div>
  <div class="bottom"></div>
</div>
</template>

<script>
export default {
  name: "ItemParams",
  props:{
    Itempatrams:{
      type:Object,
      default () {
        return {}
      }
    }
  },
  created() {
    // console.log(this.Itempatrams);
  }
}
</script>

<style scoped>

.params{
  position: relative;
  top: 250px;
}
.tables-item{
  padding: 10px;
  margin-bottom:10px;
  border-bottom: 1px whitesmoke solid;
  display: flex;
  font-size: 10px;
}


#ff{
  width: 50px;
  text-align: left;
}
.set{
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: 1px whitesmoke solid;
  display: flex;
  font-size: 10px;
  font-weight: 500;
}
.center{
  text-align: left;
  width: 140px;
}
#center{
  color: #ff5777;

}
.bottom{
  border-bottom: 5px whitesmoke solid;
  margin-top: 30px;
}
</style>